<!--登录页面-->
{% extends 'master.html' %}
{% load static %}
{% block title %}
<title>囍管家——欢迎登录</title>
{% endblock %}
{% block css %}
<link rel="stylesheet" href="{% static 'css/login.css' %}">
<link rel="stylesheet" href="{% static 'plugins/hover-css/css/hover.css' %}" media="all">
{% endblock %}

{% block content %}
<!--登录框-->
<form method="POST" id="login-form" novalidate>
    {% csrf_token %}
    <div class="logo">
    </div>
    <div class="outside-div">
        <div class="input-div">
            <label for="id_username" class="fa fa-address-card-o"></label>
            {{ form.username }}
        </div>
        <p class="error-msg"></p>
    </div>
    <div class="outside-div">
        <div class="input-div">
            <label for="id_password" class="fa fa-unlock"></label>
            {{ form.password }}
        </div>
        <p class="error-msg"></p>
    </div>
    <!--验证码输入框-->
    <div class="outside-div">
        <div class="input-div">
            <label for="id_code" class="fa fa-check"></label>
            {{ form.code }}
            <img src="/code/" alt="验证码" class="code" id="refresh">
        </div>
        <p class="error-msg"></p>
    </div>
    <button type="button" class="my-btn hvr-bounce-to-right" id="login-btn">登 录&nbsp;<span
            class="fa fa-arrow-right"></span></button>
    <div class="register-forget">
        <!--跳转到注册页面-->
        <a href="/register/" class="hvr-grow">立即注册</a>
        <a href="#" class="hvr-grow">忘记密码？</a>
    </div>
</form>
<!--忘记密码框-->
<div id="forget-pwd-div" class="forget-pwd-div-right-move">
    <span style="font-size: 100px;" class="fa fa-gear fa-spin fa-3x"></span>
    <span>请联系超级权限管理员！</span>
    <a style="text-decoration: none; font-size: 20px;" href="#" class="hvr-grow">返回登录</a>
</div>
{% endblock %}
{% block js %}
<script src="{% static 'js/login.js' %}"></script>
{% endblock %}